<template>
  <n-modal v-model:show="modalVisible" preset="card" title="" class="w-300px">
    <n-image
      width="250"
      :src="editData.qrcodeBuffer"
    />
  </n-modal>
</template>

<script setup lang="ts">
import { ref, computed, reactive, watch } from 'vue';

export interface Props {
  /** 弹窗可见性 */
  visible: boolean;
  /** 数据 */
  editData?: any;
}
defineOptions({ name: 'TableActionModal' });

const props = withDefaults(defineProps<Props>(), {
  editData: null
});

interface Emits {
  (e: 'update:visible', visible: boolean): void;
}

const emit = defineEmits<Emits>();

const modalVisible = computed({
  get() {
    return props.visible;
  },
  set(visible) {
    emit('update:visible', visible);
  }
});
</script>

<style scoped></style>
